.wdHeaderModel {
  padding: 4px 30px;
  height: 64px;
  background-image: linear-gradient(160deg, #b100ff 20%, #00b3ff 80%);
  .header-wrapper {
    height: 100%;
    color: white;
    .logo {
      float: left;
      margin: 15px 0;
      .showMenu {
        font-size: 20px;
        display: inline-block;
        position: relative;
        top: -3px;
        left: 10px;
        cursor: pointer;
        transform: rotate(0deg);
        &.rotate {
          transform: rotate(90deg);
        }
      }
      i {
        font-size: 30px;
      }
    }
    nav {
      float: right;
      margin: 15px 0;
      ul {
        float: right;
        li {
          display: inline-block;
          margin-right: 20px;
          cursor: pointer;
          a {
            color: #fff;
          }
          &:last-child {
            margin-right: 0;
          }
          .userName {
            display: inline-block;
            margin-left: 5px;
            color: white;
          }
        }
      }
    }
  }
}
